<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="{{asset('layui-master/src/css/layui.css')}}">
    <link rel="stylesheet" href="{{asset('bootstrap/css/bootstrap.min.css')}}">
    <style>
        .box_card{
            width: 550px;
            height: 300px;
            margin: 20px auto;
        }
        .layui-form-label{
            width: 110px;
        }
    </style>
</head>
<body>

<div class="layui-tab layui-tab-card box_card">
    <ul class="layui-tab-title">
        <li class="layui-this">修改密码</li>
        <li>个人信息</li>
    </ul>
    <div class="layui-tab-content" style="height: 100px;">
        <div class="layui-tab-item layui-show">
            <form class="layui-form" action="/admin/changePassword" method="post">
                {{csrf_field()}}
                <div class="layui-form-item">
                    <label class="layui-form-label">原密码</label>
                    <div class="layui-input-block">
                        <input type="text" name="old_password" lay-verify="title" autocomplete="off" placeholder="请输入原密码" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">新密码</label>
                    <div class="layui-input-block">
                        <input type="text" name="password" lay-verify="title" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">确认密码</label>
                    <div class="layui-input-block">
                        <input type="text" name="password_confirmation" lay-verify="title" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <button class="layui-btn layui-btn-radius but">保存修改</button>
            </form>
        </div>

        <div class="layui-tab-item">个人信息</div>
    </div>
</div>

<script type="text/javascript" src="{{asset('layui-master/src/layui.js')}}"></script>
<script type="text/javascript" src="{{asset('js/jquery-1.11.3.min.js')}}"></script>
<script type="text/javascript" src="{{asset('bootstrap/js/bootstrap.min.js')}}"></script>
<script>
    layui.use('element', function(){
        var $ = layui.jquery
            ,element = layui.element; //Tab的切换功能，切换事件监听等，需要依赖element模块
    });
</script>
</body>
@include('admin.layout.error')
</html>
